<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>后台管理</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="icon" href="javascript:;">
  <link rel="stylesheet" href="../../resource/layui/css/layui.css"  media="all">
  <link rel="stylesheet" href="../../resource/myResource/css/no_read_item.css">
</head>
<style>
</style>
<body>
 
    <form class="layui-form" action="">
        <input type="hidden" id="id">
        <div class="layui-collapse">
            <div class="layui-colla-item">
                <h2 class="layui-colla-title">
                    <li class="layui-nav-item" style="width:75px">
                        <a href="javascropt:;">报修录入</span></a>
                    </li>
                </h2>
                <div class="layui-colla-content layui-show" style="padding-top:0px; height: 700px;">
                    <!-- <iframe id="page" src="personal_detail.html" frameborder="0" id="demoAdmin" style="width: 100%; height: 99%;"></iframe>            -->
                    <div class="layui-form-item" style="margin-top:3%;">
                        <div class="layui-inline" >
                            <label class="layui-form-label" >学号:</label>
                            <div class="layui-input-inline mydiv">
                                <input id="studentIden" type="text" name="title" required lay-verify="required" placeholder="请输入学号" autocomplete="off" class="layui-input" onblur ="getUserMsg(this.value)">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">姓名</label>
                            <div class="layui-input-inline mydiv">
                                <input id="studengName" type="text" name="title" required lay-verify="required" autocomplete="off" class="layui-input" disabled placeholder="自动填充" >
                            </div>
                        </div>
                        <div class="layui-inline" >
                            <label  class="layui-form-label" >性别</label>
                            <div class="layui-input-inline mydiv">
                                <input id="gender" type="text" name="title" required lay-verify="required" autocomplete="off" class="layui-input" disabled placeholder="自动填充">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label" >宿舍</label>
                            <div class="layui-input-inline mydiv">
                                <input id="studentAddr" type="text" name="title" required lay-verify="required" autocomplete="off" class="layui-input" disabled placeholder="自动填充">
                            </div>
                        </div>
                        
                        <div class="layui-inline">
                            <label class="layui-form-label" >电话:</label>
                            <div class="layui-input-inline mydiv">
                                <input id="phone" type="text" name="title" required lay-verify="required" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
            
                    <div class="layui-form-item">
                        <div class="layui-form-item layui-form-text">
                                <label class="layui-form-label" >信息:</label>
                            <div class="layui-input-block" style="width:80%;">
                                <textarea id="msg" placeholder="请输入报修问题" class="layui-textarea" style="resize: none;" ></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-form-item layui-form-text">
                            <label class="layui-form-label">图片:</label>  
                            <div class="layui-input-block" style="margin-left:10%;margin-right: 10% ;text-align:left;">
                                <button type="button" class="layui-btn" id="test1">
                                <i class="layui-icon">&#xe67c;</i>上传图片
                                </button>
                            </div>
                            <div id="image" class="layui-input-block" style="margin-left:10%;margin-right: 10% ;text-align:left;margin-top: 15px; border: solid 1px #32bd32; padding: 5px">
                                <!-- <img style="width: 30%; height: auto;" src="E:/workspace/student_repair/uploadpic/1.png" onclick="big(this)">
                                <img style="width: 30%; height: auto;" src="E:/workspace/student_repair/uploadpic/2.png" onclick="big(this)">
                                <img style="width: 30%; height: auto;" src="E:/workspace/student_repair/uploadpic/2.png" onclick="big(this)"> -->
                            </div>
                        </div>
                    </div>
                    <div style="margin-top:50px;margin-bottom: 25px">
                            <button type="button" class="layui-btn layui-btn-normal "style="margin-left:80%" onclick="commitBtn()">提交报修</button>
                    </div>
                </div>
            </div>
        </div>
        


    </form>
    <script src="../../resource/jquery/dist/jquery.js"></script>
    <script src="../../resource/layui/layui.js" charset="utf-8"></script>
    <script src="../../resource/myResource/js/base.js"></script>
    <script src="../../resource/myResource/js/util/dictionary.js"></script>
    <!-- <script src="../../resource/myResource/js/repaorjs/repair_no_read_item.js"></script> -->
    <script src="../../resource/myResource/js/repaorjs/repair_new_repair_interim.js"></script>
    <!-- <script src="../../resource/myResource/js/repaorjs/repair_history.js" charset="utf-8"></script> -->
    <!-- 图片上传 -->
    <script type="text/javascript">
        layui.use('upload', function(){
            var upload = layui.upload;
            //执行实例
            var uploadInst = upload.render({
                elem: '#test1' //绑定元素
                ,url: head+'/tool/picUpload' //上传接口
                ,multiple: true
                ,done: function(redata){
                //上传完毕回调
                    var data = redata.data;
                    $("#image").append('<img style="width: 30%; height: auto; margin-left:10px" name="images" value="'+data.picId+'" src="'+data.picUrl+'" onclick="big(this)">');

                }
                ,error: function(){
                //请求异常回调
                }
            });
        });
    </script>


</body> 
</html>